<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
	    <meta content="telephone=no" name="format-detection" />
		<title>收入管理</title>
		<link href="{{asset('/mobile/css/style.css')}}" rel="stylesheet" type="text/css">
	</head>
	<style type="text/css">
		body{
			background-color: #F1F1F1;
		}
		input{
			border: none;
			outline: none;
		}
		.tag{
			background-color: #FFFFFF;
			width: 100%;
			overflow: hidden;
			padding: 10px 0;
			display: flex;
			padding: 2rem 0;
			margin-bottom: 0.5rem;
		}
		.tag-left{
			flex: 0 0 40%;
			position: relative;
		}
		.center{
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			-webkit-transform: translate(-50%, -50%);
			text-align: center;
		}
		.portrait{
			width: 5rem;
			height: 5rem;
			border-radius: 50%;
			margin-bottom: 5px;
		}
		.detail{
			flex: 0 0 60%;
		}
		.detail-li{
			margin: 10px 0;
		}
		.title{
			display: inline-block;
			width: 5rem;
			text-align: justify;
			height: 1rem;
			line-height: 1rem;
			overflow: hidden;
			vertical-align: middle;
		}
		.title:after{
			content: '';
			width: 100%;
			display: inline-block;
		}
		.value{
			display: inline-block;
			vertical-align: middle;
		}
		.red{
			color: #D42400;
		}
		.name{
			
		}
		.mao{
			margin-right: 5px;
		}
		.list{
			display: flex;
			align-items: center;
			padding: 15px 0;
			text-align: center;
			border-bottom: 1px solid #D5D5D5;
			font-size: 0.9rem;
			background-color: #FFFFFF;
		}
		.li{
			flex: 0 0 25%;
			position: relative;
		}
		.red{
			color: #D42400;
		}
	</style>
	<body>
		<div class="tag">
			<div class="tag-left">
				<div class="center">
					@if($user->headimg)<img class="portrait" src="{{$user->headimg}}">@else<img class="portrait" src="{{asset('/image/panda.jpg')}}">@endif
					<view class="name">@if($user->nickname) {{$user->nickname}} @else {{base64_decode($user->name)}} @endif</view>
				</div>
			</div>
			<div class="detail">
				<div class="detail-li">
					<div class="title">玩家ID</div><span class="mao">:</span>
					<div class="value">{{$user->userid}}</div>
				</div>
				<div class="detail-li">
					<div class="title">充值总额</div><span class="mao">:</span>
					<div class="value red">￥{{$user->totalCost()}}</div>
				</div>
			</div>
		</div>
		<div class="list">
			<div class="li">时间</div>
			<div class="li">充值金额</div>
			<div class="li">银票数量</div>
			<div class="li">返佣金额</div>
		</div>
		@foreach($datas as $data)
			<div class="list">
				<div class="li">{{$data->created_at}}</div>
				<div class="li">￥{{$data->order->order_amount}}</div>
				<div class="li">{{$data->order->goodsCount()}}</div>
				<div class="li red">￥{{$data->fee}}</div>
			</div>
		@endforeach
	<script type="text/javascript" src="{{asset('/mobile/js/jquery-1.8.3.min.js')}}"></script>
	<script type="text/javascript">
		
	</script>
	</body>
</html>
